<template>
	<view class="container">
		<view class="title d-rn d-ac d-jc">
			<text class="d-rn d-ac d-jc">{{ $t('please_select_retrieve_way') }}</text>
		</view>
		<view class="ways d-rn d-ac" @click="handleUpdatePwd(0)">
			<image src="../../static/img/hemail.png" mode=""></image>
			<text>{{ $t('email_find_password') }}</text>
		</view>
		<view class="ways d-rn d-ac" @click="handleUpdatePwd(1)">
			<image src="../../static/img/hphone.png" mode=""></image>
			<text>{{ $t('phone_find_password') }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			
		},
		methods:{
			handleUpdatePwd(type){
				this.goLink(`/pages/updatePwd/index?type=${type}`)
			}
		}
	}

</script>

<style lang="scss">
	.container{
		width: 100%;
		.title{
			padding: 207rpx 0 48rpx;
			text{
				font-size: 36rpx;
				color: #333333;
				font-weight: bold;
			}
		}
		.ways{
			width:80%;
			margin: 0 auto;
			background-color: #fffbee;
			border-radius: 2em;
			border: 1px solid #FFD200;
			padding: 40rpx 87rpx;
			box-sizing: border-box;
			margin-bottom: 36rpx;
			image{
				width: 56rpx;
				height: 56rpx;
				margin-right: 25rpx;
			}
			text{
				font-size: 34rpx;
				color: #333333;
				font-weight: bold;
				white-space: nowrap;
			}
		}
		
	}

</style>



